import React, { Component } from 'react'
import Footer from '../../components/footer'
import './changePswd.scss'
import { Button } from 'antd-mobile'
import { NavLink } from 'react-router-dom'

class Com extends Component {
    render() {
        return (
            <div className="container">
                <div className="box">
                    <div className="changePswd_content">
                        <header>
                            <NavLink to="/users/set">
                                <img src="/images/user/personalSet/jiantou.png" alt="" />
                            </NavLink>
                            <p>修改密码</p>
                        </header>
                        <div className="scroll_box">
                            <div className="list">
                                <div style={{height:".495rem"}}>
                                    <div>
                                        <p>原密码</p>
                                        <input type="text" placeholder="必填" />
                                    </div>
                                </div>
                                <div>
                                    <div>
                                        <p>新密码</p>
                                        <input type="text" placeholder="请输入密码" />
                                    </div>
                                    <p>密码由8-16位数字、字母或符号组成，至少含有2钟及以上的字符</p>
                                </div>
                                <div>
                                    <div>
                                        <p>确认新密码</p>
                                        <input type="text" placeholder="请输入密码" />
                                    </div>
                                    <p>密码由8-16位数字、字母或符号组成，至少含有2钟及以上的字符</p>
                                </div>
                                <Button style={{ backgroundColor: "#3cd578", width: "3.49rem", height: ".415rem", fontSize: "16px", color: "#fff", margin: "0 auto", marginTop: " .20rem" }} >确认修改</Button>
                            </div>
                        </div>
                    </div>
                </div>
                <Footer />
            </div>
        )
    }
}

export default Com